module.exports = {
  purge: ['index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      spacing: {
        "6.25": "6.25rem",
        "7.82": "7.82rem",
        "10:5": "10.125rem",
        "15r": "15rem",
        "22.56": "22.56rem",
        "30": "30rem",
        "36": "36rem"
      },
      rotate: {
        22.5: '22.5deg',
        67.5: '67.5deg',
        112.5: '112.5deg',
        157.5: '157.5deg',
        202.5: '202.5deg',
        247.5: '247.5deg',
        292.5: '292.5deg',
        337.5: '337.5deg',
      },
    },
  },
  variants: {
    before: ['responsive'],
    after: ['responsive'],
    extend: {
      borderWidth: ['first', 'last', 'odd', 'even'],
    }
  },
  plugins: [],
}
